<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="description"
        content="Creative Agency Responsive HTML5 Template. Built with Bootstrap, HTML5, CSS3 and jQuery.">
    <meta name="keywords"
        content="HTML, CSS, JavaScript, jQuery, Animation, Bootstrap, Font Awesome, Revolution Slider, Agengy, Portfolio">
    <meta name="author" content="Orientate">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sleep Circle - 加入我们</title><!-- BEGIN:CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.css">
    <link rel="stylesheet" href="assets/css/orbito-icons.css">
    <link rel="stylesheet" href="assets/css/orientate-font.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/lightslider.css">
    <link rel="stylesheet" href="assets/css/lightcase.css">
    <link rel="stylesheet" href="assets/css/settings.css">
    <link rel="stylesheet" href="assets/css/ignore_for_wp.css">
    <link rel="stylesheet" href="assets/css/preset.css">
    <link rel="stylesheet" href="assets/css/theme.css">
    <link rel="stylesheet" href="assets/css/responsive.css"><!-- END:CSS -->
    <!-- BEGIN:Favicon Icon -->
    <!-- END:Favicon Icon -->
</head>

<body>
    <!-- BEGIN:Preloader -->
    <div id="preloader">
        <div class="la-ball-scale-multiple la-2x">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div><!-- END:Preloader -->
    <!-- BEGIN:Header -->
        <header class="header02 isSticky">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="headerInner02">
                        <div class="logo2"><a href="index.html"><img src="assets/picture/logo_white.png" alt="Orbito"></a></div>
                        <a  href="javascript:void(0)" class="menu_btn02"><i class="twi-bars2"></i><span>导航</span></a>
                        <nav class="mainMenu2">
                            <ul>
                                <li><a href="index.html">主页</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="service.html">睡眠学校</a></li>
                                <li><a href="portfolio.html">睡眠商城</a></li>
                                <li><a href="blog_grid_lsb.html">睡眠社区</a></li>
                            </ul>
                        </nav>
                        <a class="orbBtn01 orbBtnBorder" href="javascript:void(0);">
                            <span class="bp-shape"></span>
                            <span class="bp-shape"></span>
                            <span class="bp-shape"></span>
                            <span class="bp-shape"></span>
                            <span class="bp-text">加入我们</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- END:Header -->

    <!-- BEGIN:Page Banner Section -->
    <section class="pageBanner pbBG11" id="scene_1">
        <div class="pageBannerOverlay pboDark4"></div>
        <div class="triangleShapes layer_items" data-depth="0.9"><img src="assets/picture/21.png"
                alt="Orbito Banner Shapes"></div>
        <div class="pageBannerContainer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="pageBannerContent">
                            <div class="pageBannerContentInner">
                                <h2>加入我们</h2>
                                <div class="orbitoBredcrumbs"><a href="index.html">主页</a><i>></i><span>加入我们</span>
                                </div>
                            </div>
                            <div class="pageBannerShape01"><img src="assets/picture/18.png" alt="Orbito Banner Shapes">
                            </div>
                            <div class="pageBannerShape02"><img src="assets/picture/紫圆2.png" alt="Orbito Banner Shapes">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pageBannerShape03"><img src="assets/picture/20.png" alt="Orbito Banner Shapes"></div>
    </section><!-- END:Page Banner Section -->
    <!-- BEGIN:Contact Section -->
    <section class="contactPageSection">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 text-center">
                    <h3 class="secSubTitle text-uppercase">加入我们</h3>
                    <h2 class="secTitle">让我们携手</h2>
                    <p class="secDesc">和我们一起，用一夜安眠，重拾生活的美好</p>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-6 col-md-5">
                    <div class="contactInfoArea">
                        <div class="iconBox09"><img src="assets/picture/location.png" alt="">
                            <h4>地理位置</h4>
                            <p>北京市朝阳区定福庄东街1号，中国传媒大学</p>
                        </div>
                        <div class="iconBox09"><img src="assets/picture/telephone.png" alt="">
                            <h4>电话号码</h4>
                            <p>+86 123 4567 8900</p>
                        </div>
                        <div class="iconBox09"><img src="assets/picture/e-mail.png" alt="">
                            <h4>邮箱地址</h4>
                            <p><a href="mailto:hello@orbito.com">sleepcircle@circle.com</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="contactForm">
                        <form method="post" action="#" id="contact_form">
                            <div class="row">
                                <div class="col-lg-6">
                                    <input class="required" type="text" name="con_name" placeholder="你的名字">
                                </div>
                                <div class="col-lg-6">
                                    <input class="required" type="email" name="con_phone" placeholder="联系电话">
                                </div>
                                <div class="col-lg-12">
                                    <input type="text" name="con_email" placeholder="联系邮箱">
                                </div>
                                <div class="col-lg-12">
                                    <textarea class="required" name="con_message"
                                        placeholder="在这里写下你想说的话吧~"></textarea>
                                </div>
                                <div class="col-lg-12">
                                    <button type="submit" class="orbBtn01">
                                        <span class="bp-shape"></span>
                                        <span class="bp-shape"></span>
                                        <span class="bp-shape"></span>
                                        <span class="bp-shape"></span>
                                        <span class="bp-text">加入我们</span>
                                    </button>
                                    <div class="con_message alert"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section><!-- END:contact Section -->
    <!-- BEGIN:CTA Section -->
    <section class="ctaSection">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 col-md-9">
                    <div class="ctaLeft">
                        <h3 class="secSubTitle text-uppercase">我们欢迎每一位朋友的加入</h3>
                        <h2 class="secTitle stWhite">加入Sleep Circle</h2>
                        <p class="secDesc">好睡眠，更是好的生活方式</p>
                    </div>
                </div>
                <div class="col-lg-3  col-md-3">
                    <div class="ctaRight justify-content-end"><a class="orbBtn01 hoverBlue" href="contact.html"><span
                                class="bp-shape"></span><span class="bp-shape"></span><span
                                class="bp-shape"></span><span class="bp-shape"></span><span class="bp-text">加入我们</span></a></div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="ctaBorder"></div>
                </div>
            </div>
        </div>
    </section><!-- END:CTA Section -->
    <!-- BEGIN:Footer Section -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <aside class="widget about_widget">
                        <div class="aboutWidgetContent"><a href="index.html"><img src="assets/picture/logo_white.png"
                                    alt="Orbito"></a>
                            <p>为美好生活喝彩</p>
                            <div class="contactInfo"><span><i class="fa-solid fa-location-dot"></i>北京市朝阳区定福庄东街一号中国传媒大学</span>
                              <span><i class="fa-solid fa-phone"></i>+86 123 4567 8900</span>
                              <span><i
                                        class="fa-solid fa-envelope"></i><a
                                        href="sleepcircle@sleep.com">sleepcircle@sleep.com</a></span></div>
                        </div>
                    </aside>
                </div>
                <div class="col-lg-2 col-md-6">
                    <aside class="widget">
                        <h3 class="widgetTitle">网页内容</h3>
                        <ul>
                            <li><a href="index.html">主页</a></li>
                            <li><a href="about.html">关于我们</a></li>
                            <li><a href="service.html">睡眠学校</a></li>
                            <li><a href="portfolio.html">睡眠商城</a></li>
                            <li><a href="blog_grid_lsb.html">睡眠社区</a></li>
                        </ul>
                    </aside>
                </div>
                <div class="col-lg-3 col-md-6 pdl124">
                    <aside class="widget">
                        <h3 class="widgetTitle">友情链接</h3>
                        <ul>
                          <li><a href="http://www.zgsmyjh.org/">中国睡眠研究会</a></li>
                          <li><a href="https://www.sleemon.cn/web/science_sleep.html">喜临门睡眠研究院</a></li>
                          <li><a href="https://neybox.com/">Neybox Digital</a></li>
                          <li><a href="https://www.sleepcycle.com/">Sleep Cycle</a></li>
                          <li><a href="http://www.seblong.com/">蜗牛睡眠APP</a></li>
                        </ul>
                    </aside>
                </div>
                <div class="col-lg-3 col-md-6">
                    <aside class="widget">
                        <h3 class="widgetTitle">收件箱</h3>
                        <div class="newsletterContent">
                            <p>向我们任意发送一条观点吧</p>
                            <form method="post" action="javascript:void(0);"><input type="email" name="email"
                                    placeholder="敲入内容"><button type="submit"><i
                                        class="fa-solid fa-envelope"></i></button></form>
                        </div>
                    </aside>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="footerBorder"></div>
                </div>
            </div>
        </div>
    </footer><!-- END:Footer Section -->
    <!-- BEGIN:Copyright Section -->
    <section class="siteInfoSection">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="siteInfo">All rights By &nbsp;&nbsp;<a
                            href="index.html">sleepcircle</a>&nbsp;&nbsp;&COPY;&nbsp;&nbsp;2022 </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="siteInfo">
                        Site created By<a href="http://www.bootstrapmb.com/"> bootstrapmb</a>
                    </div>
                </div>
            </div>
        </div>
    </section><!-- END:Copyright Section -->
    <!-- BEGIN:Back To Top --><a href="javascript:void(0);" id="backtotop"><i class="fa-solid fa-arrow-up"></i></a>
    <!-- END:Back To Top -->
    <!-- BEGIN:JS -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/shuffle.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/owl.carousel.filter.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/lightcase.js"></script>
    <script src="assets/js/lightslider.min.js"></script>
    <script src="assets/js/circle-progress.js"></script>
    <script src="assets/js/mixer.js"></script>
    <script src="assets/js/parallax.js"></script>
    <script src="assets/js/gmaps.js"></script>
    <script src="assets/js/js.html"></script>
    <script src="assets/js/jquery.themepunch.tools.min.js"></script>
    <script src="assets/js/jquery.themepunch.revolution.min.js"></script>
    <script src="assets/js/revolution.extension.actions.min.js"></script>
    <script src="assets/js/revolution.extension.carousel.min.js"></script>
    <script src="assets/js/revolution.extension.kenburn.min.js"></script>
    <script src="assets/js/revolution.extension.layeranimation.min.js"></script>
    <script src="assets/js/revolution.extension.migration.min.js"></script>
    <script src="assets/js/revolution.extension.migration.min.js"></script>
    <script src="assets/js/revolution.extension.parallax.min.js"></script>
    <script src="assets/js/revolution.extension.slideanims.min.js"></script>
    <script src="assets/js/revolution.extension.video.min.js"></script>
    <script src="assets/js/theme.js"></script><!-- END:JS -->
</body>

</html>
